.index{ // 首次进入

    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout:none;
    touch-callout:none;
    .container{
        background-image: -webkit-linear-gradient(-60deg,#9d0454,#61228d );
        background-image: linear-gradient(150deg,#9d0454,#61228d );
    }
    .up,.bottom{
        width: 100%;
        img{
            display: block;            
            width: 100%;
        }
    }
    .up{
        padding: 10px 0;
    }
    .center{
        width: 100%;
        position: relative;
        background-color: #E30248;
        padding: 30px 0;
        overflow: hidden;
        overflow-x: hidden;
        .top,.btm{
            width: 500%;
            img{
                height: 100%;
                float: left;
                margin-left: 8px;
            }
        }
        .top,.btm{
            height: 50px;
        }
        .top{
            
        }
        hr{
            width: 100%;
            margin: 25px 0;
            background-color: white;
            height: 3px;
        }
        .btm{
            
        }
        .transition{
            transition: margin-left .3s linear;
        }
    }
    .bottom{
        position: relative;
        .gen{
            position: absolute;
            width: percentage(285/640);
            display: block;
            margin: 0 auto;
            left: percentage((640-285)/2/640);
            top: percentage(283/430);
        }
    }
    .circle{
        position: absolute;
        height:50 + 50 + 100px;
    }    


}